<% extends 'card/weui_base.html' %>
<% block title %>卡券提货-收货地址<% endblock %>
<% block body %>
<style>
    .weui_media_box .weui_media_title{white-space: normal}
</style>
<% if error %>
<div class="page-hd">
    <h1 class="page-hd-title">
        ${error}
    </h1>

    <p class="page-hd-desc"></p>
</div>
<div class="page-bd-15">
    <a href="/card/m" class="weui_btn weui_btn_primary" id="act">返回首页</a>
</div>
<% else %>
<form id="form-new">
    <div class="weui_cells_title">输入收货人信息</div>
    <div class="weui_cells weui_cells_form">
        <div class="weui_cell">
            <div class="weui_cell_hd"><label class="weui_label">收货人:</label></div>
            <div class="weui_cell_bd weui_cell_primary">
                <input name="name" class="weui_input" required placeholder="收货人姓名">
            </div>
        </div>

        <div id="div_mobile" class="weui_cell">
            <div class="weui_cell_hd"><label class="weui_label">手机号码:</label></div>
            <div class="weui_cell_bd weui_cell_primary">
                <input name="mobile" class="weui_input" type="tel" required pattern="[0-9]{11}" maxlength="11" value="${mobile}"
                       placeholder="输入您的手机号码" emptyTips="请输入手机号" notMatchTips="请输入正确的手机号">
            </div>
            <div class="weui_cell_ft">
                <i class="weui_icon_warn"></i>
            </div>
        </div>

        <div id="div_phone" class="weui_cell">
            <div class="weui_cell_hd"><label class="weui_label">座机号码:</label></div>
            <div class="weui_cell_bd weui_cell_primary">
                <input name="phone" class="weui_input" type="tel" value="${phone}"
                       placeholder="输入您的座机号码" >
            </div>
            <div class="weui_cell_ft">
                <i class="weui_icon_warn"></i>
            </div>
        </div>

        <div class="weui_cell">
            <div class="weui_cell_hd"><label for="" class="weui_label">省市县:</label></div>
            <div class="weui_cell_bd weui_cell_primary">
                <input name="ssx" class="weui_input" type="text" required value="" id='ssx'emptyTips="请选择省市县"  />
            </div>
        </div>

        <div class="weui_cell">
            <div class="weui_cell_hd"><label class="weui_label">街道门牌:</label></div>
            <div class="weui_cell_bd weui_cell_primary">
                <input name="address" class="weui_input" required placeholder="街道门牌地址">
            </div>
        </div>

        <div class="weui_cells_title">选择产品</div>
        <div class="weui_cells weui_cells_radio">
            <% for suite_products in product_suite_list %>
            <label class="weui_cell weui_check_label" for="product_${loop.index}">
                <div class="weui_cell_ft">
                    <input type="radio" class="weui_check" name="suite"
                        <% if loop.index==1 %>checked="checked"<% endif %>id="product_${loop.index}"
                    value="${loop.index}">
                    <span class="weui_icon_checked"></span>
                </div>

                <div class="weui_media_box weui_media_appmsg">
                    <% for product in suite_products %>
                    <% if loop.index == 1 %>
                    <div class="weui_media_hd">
                        <img class="weui_media_appmsg_thumb" src="/website/image/product.product/${product.product.id}/image" alt="">
                    </div>
                    <% endif %>
                    <% endfor %>
                    <div class="weui_media_bd">
                        <h4 class="weui_media_title">
                            <% for product in suite_products %>
                                <% if loop.index > 1 %> + <% endif %>
                                ${product.product.name}×${product.product_qty|int}
                            <% endfor %>
                        </h4>
                        <p class="weui_media_desc">
                        </p>
                    </div>
                </div>
            </label>
            <% endfor %>
            <!--<label class="weui_cell weui_check_label" for="x11">-->
                <!--<div class="weui_cell_ft">-->
                    <!--<input type="radio" class="weui_check" name="product" checked="checked" id="x11">-->
                    <!--<span class="weui_icon_checked"></span>-->
                <!--</div>-->

                <!--<div class="weui_media_box weui_media_appmsg">-->
                    <!--<div class="weui_media_hd">-->
                        <!--<img class="weui_media_appmsg_thumb" src="http://crm.800890.com/web/binary/image?model=product.template&id=7619&field=image_medium&t=1477187115050" alt="">-->
                    <!--</div>-->
                    <!--<div class="weui_media_bd">-->
                        <!--<h4 class="weui_media_title">双立人TwinNova III中式炒锅30cm</h4>-->
                        <!--<p class="weui_media_desc">德国工艺, 奥氏体不锈钢, 五层通体压制, 受热均匀迅速, 适合中式翻炒</p>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</label>-->
            <!--<label class="weui_cell weui_check_label" for="x12">-->
                <!--<div class="weui_cell_ft">-->
                    <!--<input type="radio" name="product" class="weui_check" id="x12">-->
                    <!--<span class="weui_icon_checked"></span>-->
                <!--</div>-->
                <!--<div class="weui_media_box weui_media_appmsg">-->
                    <!--<div class="weui_media_hd">-->
                        <!--<img class="weui_media_appmsg_thumb" src="http://crm.800890.com/web/binary/image?model=product.template&id=7609&field=image_medium&t=1477187156145" alt="">-->
                    <!--</div>-->
                    <!--<div class="weui_media_bd">-->
                        <!--<h4 class="weui_media_title">松下电饭煲SR-CCK05-N</h4>-->
                        <!--<p class="weui_media_desc">多种烹饪方式、多种烹饪功能</p>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</label>-->
            <!--<label class="weui_cell weui_check_label" for="x13">-->
                <!--<div class="weui_cell_ft">-->
                    <!--<input type="radio" name="product" class="weui_check" id="x13">-->
                    <!--<span class="weui_icon_checked"></span>-->
                <!--</div>-->

                <!--<div class="weui_media_box weui_media_appmsg">-->
                    <!--<div class="weui_media_hd">-->
                        <!--<img class="weui_media_appmsg_thumb" src="http://crm.800890.com/web/binary/image?model=product.template&id=4691&field=image_medium&t=1477187201163" alt="">-->
                    <!--</div>-->
                    <!--<div class="weui_media_bd">-->
                        <!--<h4 class="weui_media_title">泰昌足浴盆 TC-2198</h4>-->
                        <!--<p class="weui_media_desc">只为天下父母定制放心的足浴盆</p>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</label>-->
        </div>
    </div>
    <div class="weui_btn_area">
        <a id="formSubmitBtn" href="javascript:" class="weui_btn weui_btn_primary" v-on:click="submit">提交</a>
    </div>
</form>
<% endif %>

<script src="/dftg_weixin/static/src/js/card/card_app.js"></script>

<% endblock %>
